<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- 二,引入第三方库 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script>
        //基于jQuery里面的ajax来进行使用
        $.ajax({
            type:'GET',
            url:'http://42.192.83.143:8089/AjaxMockServer/info',
            sucess:function(data,status){
                //date就是响应的body,status就是响应的状态码
                console.log(status);
                console.log(data);
            }
        });
        //(参数只有一个,是一个{}对象)
        // $ 就是jQuery中已经定义好了的一个对象(变量)
        // jquery中的所有的api其实都是$对象的方法

        // 变量名一般不都是数字,字母,下划线构成的嘛
        // 有些语言中,也支持$作为变量名
    </script>
  <script>
        //一.原生ajax用法:

        // //1.构造一个XMLHttpRequest对象
        // // 创建一个http对象,xml是历史遗留问题,现在很少用他来传输xml了
        // let httpRequest = new XMLHttpRequest();
        // //4.注册一个回调函数,用来异步的处理响应数据
        // // 此处注册的function不是立即执行的,啥时候响应到了,就啥时候执行
        // httpRequest.onreadystatechange = function(){
        //     //readyState的取值有很多情况
        //     // 0.表示请求初始化
        //     // 1.和服务器建立连接
        //     // 2.请求已经被服务器接收
        //     // 3.请求在服务器上正在处理
        //     // 4.请求完成了,响应数据已经获取到.[重点]
        //      if(httpRequest.readyState == 4){
        //         //响应已经到了
        //         //获取到响应的状态密码和body
        //         console.log(httpRequest.status);
        //         console.log(httpRequest.responseText);
        //      }
        // }
        // //2.构造一个HTTP请求,这里发送的是GET请求,如果想发送POST请求,直接改成POST即可,其他请求同理,例如PUT,Head等等..
        // httpRequest.open('GET','http://42.192.83.143:8089/AjaxMockServer/info');//填写请求方法,以及要访问的服务器,这里是一个测试用的云服务器
        // //3.发送这个HTTP请求
        // httpRequest.send();

        
    </script>
</body>
</html>